<template>

    <div class="detail">
        <!-- <h3>id:{{ route.query.id }}</h3>
        <h3>title:{{ route.query.title }}</h3>
        <h3>content:{{ route.query.content }}</h3> -->
        <!-- <h3>id:{{ route.params.id }}</h3>
        <h3>title:{{ route.params.title }}</h3>
        <h3>content:{{ route.params.content }}</h3> -->
        <h3>id:{{ id }}</h3>
        <h3>title:{{ title }}</h3>
        <h3>content:{{ content }}</h3>
    </div>
</template>
<script lang="ts" setup>
// import { useRoute } from 'vue-router';
// const route = useRoute()
defineProps(["id", "title", "content"])

</script>
<style scoped>
.detail {
    margin-top: 20px;
    width: 400px;
    height: 300px;
    border: 1px solid green;
}
</style>